<template>
    <section>
        <div class='div_show'>
            <ul>
                <li>
                    <el-row type="flex">
                        <el-col class='col1'>
                            <span class='sp_1'>附件</span>
                        </el-col>
                        <el-col>
                            <template v-for="(file,index) in currObj.fileList">


                                <el-popover v-if="file.isImg" trigger="hover" placement="bottom-start">
                                    <div>
                                        <img :src="file.url" class='f2' />
                                    </div>
                                    <el-button size="small" slot="reference" class='b_f'> <img class='f1' :src="file.url" alt="" /></el-button>
                                </el-popover>
                                <el-popover v-else trigger="hover" placement="bottom-start">

                                    <div style="text-align:center;line-height:20px">
                                        <h5>{{file.name}}</h5>
                                        <a :href="file.url">下载链接</a></div>
                                    <el-button slot="reference" size="small" class='b_f'>{{file.ext}}</el-button>
                                </el-popover>
                            </template>

                        </el-col>
                    </el-row>

                </li>

                <li>
                    <el-row type="flex">
                        <el-col class='col1'>
                            <span class='sp_1'>编号</span>
                        </el-col>
                        <el-col>
                            <span>
                              {{currObj.code}}
                    </span>
                        </el-col>
                    </el-row>
                </li>
                <li>
                    <el-row type="flex">
                        <el-col class='col1'>
                            <span class='sp_1'>标题</span>
                        </el-col>
                        <el-col>
                            <span>
                              {{currObj.name}}
                    </span>
                        </el-col>
                    </el-row>
                </li>
                <li>
                    <el-row type="flex">
                        <el-col class='col1'>
                            <span class='sp_1'>分类</span>
                        </el-col>
                        <el-col>
                            <span v-text="getClassName()">
                          
                    </span>
                        </el-col>
                    </el-row>
                </li>
                <li>
                    <el-row type="flex">
                        <el-col class='col1'>
                            <span class='sp_1'> 客户</span>
                        </el-col>

                        <el-col>
                            {{currObj.customerName}}
                        </el-col>
                    </el-row>
                </li>
                <li>
                    <el-row type="flex">
                        <el-col class='col1'>
                            <span class='sp_1'> 销售</span>
                        </el-col>

                        <el-col>
                            <span v-text="getSalesMembers(currObj.salesMembers)"></span>
                        </el-col>
                    </el-row>
                </li>
                <li v-if="currObj.openProof">
                    <el-row type="flex">
                        <el-col class='col1'>
                            <span class='sp_1'>打样</span>
                        </el-col>
                        <el-col>
                            <dataShow :currObj="currObj" dataType="proof"></dataShow>
                        </el-col>
                    </el-row>
                </li>
                <li v-if="currObj.openBulk">
                    <el-row type="flex">
                        <el-col class='col1'>
                            <span class='sp_1'>大货</span>
                        </el-col>
                        <el-col>
                            <dataShow :currObj="currObj" dataType="bulk"></dataShow>
                        </el-col>
                    </el-row>
                </li>



            </ul>

        </div>
    </section>

</template>
<script src="./customerOrderShow.js"></script>
<style scoped lang="scss">
    .div_show {

        min-width: 300px;
    }

    .div_show ul {


        list-style: none;
        padding: 0;
        margin: 0;
    }

    .div_show ul li {
        padding: 0;
        margin: 0;
        line-height: 26px;
    }


    .col1 {
        width: 50px;
    }

    .f1 {
        width: 80px;
        height: 80px;
        margin: 0;
    }

    .f2 {
        max-width: 600px
    }

    .b_f {
        margin: 0;
        margin-right: 10px;
        padding: 0;
        height: 80px;
        overflow: hidden;
        vertical-align: middle;
        line-height: 80px;
        min-width: 80px;
    }

    .div_jindu {


        height: 5px
    }
</style>